﻿@charset "utf-8";
/*

“Kanghua Natural Source” 样式

2013.4 for hicheng.net

Copyright (c) 2013, Kanghua Natural Source All rights reserved.

*/
/*字体嵌入*/
@font-face {
    font-family: 'Valentina';
    src: url('../fonts/Valentina-Regular.eot');
    src: url('../fonts/Valentina-Regular.eot') format('embedded-opentype'),
         url('../fonts/Valentina-Regular.otf') format('otf'),
         url('../fonts/Valentina-Regular.ttf') format('truetype'),
         url('../fonts/Valentina-Regular.svg#Valentina') format('svg');
}

body, dl, dt, dd, ul, ol, li,h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0}
p, div, body{table-layout: fixed; word-wrap:break-word;}
html, body, .h100{
	height:100%}
body {
	height:auto !important;
	width:100%;
	padding:0px 0 0px 0;
	font:400 12px/160% Microsoft Yahei, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;}
ul { list-style:none}
img, a img{ border:0}
.clear{ clear:both}
.fLeft{ float:left}
.fRight{ float:right}
.mAuto{ margin:0 auto}
.mT10{ margin-top:10px}
.mL10{ margin-left:10px}
.mR10{ margin-right:10px;}
.mR20{ margin-right:20px;}
.mB10{ margin-bottom:10px;}
.text_l{ text-align:left}
.text_r{ text-align:right}
.text_c{ text-align:center}
.lH22 { line-height:22px;}
/* 链接 */
.aGray,
.aGray a:link, .aGray a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#888;
	text-decoration:none}
.aGray a:hover, .aGray a:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#888;
	text-decoration: none}
.aBold {
	font-weight:bold;}
/* 主体开始 */
#backup {
	width: 120px;
	font-size: 12px;
	right: 0;
	margin: 0;
	position: fixed;
	_position: absolute;
	bottom: 200px;
	z-index: 10000;
	display: block;
	background: #fff;
	border: 1px solid #ccc;}
#top {
	width:100%;
	height:80px;
	background:url(../images/nav-bg.jpg) no-repeat center;}
	.top {
		width:1000px;
		margin:0 auto;}
	.topR {
		width:699px;
		float:right;}
		.topR_t {
			width:699px;
			height:20px;
			text-align:right;
			margin-top:10px;}
			.topR_t a {
				color:#26adeb;
				text-decoration:none;}
/*nav*/
	.nav {
		width:699px;
		height:40px;
		margin-top:10px;}
		.nav ul {
			margin-left:90px;}
			.nav ul li {
				float:left;
				line-height:40px;
				padding:0 10px;}
			.nav ul li:hover {
				background:url(../images/nav-jt.png) no-repeat center bottom;}
				.nav ul li a {
					color:#fff;
					font-size:14px;
					display:block;
					text-decoration:none;}


/*banner*/
#banner {
	width:100%;
	position:relative;
	overflow:hidden;
	box-shadow:#e7e7e7 2px 2px 10px 2px;}
.gr-flash{
	width:100%;
	height:577px;
	overflow:hidden;
	position:relative;
	margin:0 auto;}
	ul.gr-flash-b{
		width:1920px;
		position:relative;
		margin:0 auto;
		height:577px;
		overflow:hidden;}
		ul.gr-flash-b li{
			position:absolute;opacity:0;
			filter:408px(opacity=0);
			height:577px;}
		ul.gr-flash-b li img{
			display:block;
			margin:0 auto;
			height:577px;}
	ul.gr-flash-s{
		width:100px;
		position:absolute;
		bottom:10px;
		left:50%;
		top: 90%;
		margin-left:-24px;
		z-index:100;}
		ul.gr-flash-s li{
			float:left;
			width:16px;
			height:16px;
			overflow:hidden;
			background:url(../images/pagination.png) no-repeat -19px 0;
			text-indent:-999px;
			overflow:hidden;
			cursor:pointer;}
		ul.gr-flash-s li.hover,ul.gr-flash-s li.cur{
			background-position:0 0;}
/*main*/
#main {
	width:100%;
	position:relative;
	z-index:9999;
	margin-top:-100px;
	padding-bottom:20px;}
	.main {
		width:1000px;
		background:#fff;
		margin:0 auto;
		box-shadow:#e7e7e7 0px 0px 5px 1px}
		.main_top {
			width:960px;
			padding-bottom:20px;
			border-bottom:1px #e7e7e7 solid;
			margin:0 auto;
			overflow:hidden;}
		.hlist {
			width:155px;
			float:left;}
			.hlist_bt {
				width:155px;}
			.hlist_bt ,.habout_bt ,.hnews_bt ,.hvideo{
				height:35px;
				line-height:35px;
				border-bottom:1px #e7e7e7 solid;}
				.hlist_bt p ,.habout_bt P ,.hnews_bt p ,.hvideo p{
					font-size:15px;
					color:#00a0e9;
					font-weight:bold;}
				.hlist_bt p span ,.habout_bt span ,.hnews_bt span ,.hvideo sapn{
					font-size:12px;
					color:#666;
					margin-left:5px;}
			.hlist_txt {
				width:145px;
				height:145px;
				margin:0 auto;
				margin-top:10px;
				background:url(../images/pro-bg.jpg) no-repeat;}
				.hlist_txt ul {
					padding-top:10px;}
				.hlist_txt ul li {
					height:20px;
					line-height:20px;}
					.hlist_txt ul li a {
						background:url(../images/ico-pro.png) no-repeat left;
						padding:0 15px;}
		.habout {
			width:230px;
			float:left;
			margin-left:15px;}
			.habout_bt {
				width:230px;}
			.habout_txt {
				width:230px;
				margin-top:10px;}
				.habout_txt p {
					line-height:18px;}
		.aBlue {
			color:#00a0e9;
			text-decoration:none;}
		.hnews {
			width:310px;
			float:left;
			margin-left:15px;}
			.hnews_bt {
				width:310px;}
			.hnews_txt {
				width:310px;
				margin-top:10px;}
				.hnews_txt_t {
					width:310px;
					height:80px;
					border-bottom:1px #e7e7e7 dotted;}
				.hnews_txt ul {
					margin-top:4px;}
					.hnews_txt ul li {
						height:20px;
						width:310px;
						overflow:hidden;
						line-height:20px;}
						.hnews_txt ul li span {
							float:right;
							margin-right:10px;}
						.hnews_txt ul li a {
							background:url(../images/ico-pro.png) no-repeat left;
							padding:0 10px;}
		.hvideo {
			width:220px;
			float:left;
			margin-left:15px;}
			.hvideo_bt {
				width:220px;}
			.hvideo_txt {
				width:220px;
				margin-top:10px;}
#footer {
	height:40px;
	width:100%;
	background:#404040;}
	.footer {
		width:1000px;
		line-height:40px;
		margin:0 auto;}
		.footer ul {
			width:750px;
			margin:0 auto;
		    overflow:hidden;
		}
			.footer ul li {
				float:left;
				padding:0 5px;}
				.footer ul li a {
					color:#fff;
					text-decoration:none;}
/*公共*/
#Nbanner {
	width:100%;
	height:300px;
	position:relative;
	overflow:hidden;
	box-shadow:#e7e7e7 2px 2px 10px 2px;}
	.Nbanner {
		width:1920px;
		margin:0 auto;}
#Nmain {
	width:100%;
	position:relative;
	z-index:9999;
	margin-top:-45px;}
	.Nmain {
		width:1000px;
		margin:0 auto;
		margin-bottom:20px;
		overflow:hidden;
		*overflow:hidden;}
		.NmainL {
			width:220px;
			float:left;}
			.NmainL_bt {
				width:220px;}
			.NmainL_txt {
				width:220px;
				/*height:400px;*/
				margin-top:2px;}
#menu{
	width:220px;
	margin:0 auto;
	overflow:hidden;
	background:#ececec;
	padding-bottom:2px;}
.close {
	background:url(../images/img/li-gary.png) no-repeat right;
	border-top:1px #fff solid;}
.close:hover {
	background:url(../images/img/li-blue.png) no-repeat right;}
#menu span{
	height:30px;
	font-size:14px;
	display:block;
	line-height:30px;
	cursor:pointer;}/*点击span之后的样式*/
	#menu span:hover {}
	#menu span a:hover {
		color:#747474;
		display:block;
		text-decoration:none;}
#menu span a {
	color:#747474;
	display:block;
	text-decoration:none;
	/*background:url(../images/img/ico-lir.png) no-repeat;*/
	padding:0 15px;}
#menu span a:hover {
	color:#00a0e9;
	text-decoration:none;
	/*background:url(../images/img/ico-lix.png) no-repeat;*/
}
#menu li.close span{
	height:30px;
	display:block;
	line-height:30px;
	cursor:pointer;}/*隐藏时span的样式*/
#menu li ul{
	line-height:15px;}
.menu_ul li:hover {
		background:#e8f0fb;}
.menu_ul a {
	color:#747474;
	padding: 0px 10px;
	margin-left: 20px;
	text-decoration:none;
	line-height:25px;
	display:block;}
	.menu_ul a:hover {
		color:#00a0e9;}

		.NmainR {
			width:760px;
			float:right;
			margin-top:45px;}
			.NmainR_bt {
				width:760px;
				height:44px;
				line-height:40px;
				background:url(../images/img/bt-xian.jpg) no-repeat bottom;}
				.NmainR_bt span {
					font-size:14px;
					font-weight:bold;
					color:#555;
					margin-left:10px;}
			    .NmainR_bt span.fright{
				   float:right;
				}
				.NmainR_bt a {
					text-decoration:none;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:normal;
					color:#555;
					font-size:12px;
					}
			    .NmainR_bt span.fright a.home{
				   padding-left:15px;
				   background:url(../images/img/ico-home.png) no-repeat left;
				}
			.Nabout ,.Nnews ,.Npro ,.Nprodetail ,.Nzp ,.Nsale ,.Ncont ,.Nlink{
				width:760px;
				margin-top:15px;
				font-size: 14px;
                font-family: 微软雅黑, 宋体, Tahoma, Arial, helvetica, sans-serif;
				}
				.Nabout p {
					line-height:22px;}
				.Nabout_img {
					width:200px;
					float:right;
					margin-left:10px;
					margin-bottom:10px;}
			.Nnews{
				margin-top:0px;}
				.Nnews ul {}
				.Nnews ul li {
					width:760px;
					height:140px;
					margin-top:10px;
					background:#eee;}
					.Nnews ul li p {
						line-height:22px;
						margin-right:10px;}
			.Npro{
				margin-top:0px;}
				.Npro ul {}
					.Npro ul li {
						width:182px;
						height:202px;
						float:left;
						margin-left:10px;
						margin-top:10px;
						background:#eee;
						text-align:center;}
						.Npro ul li p a{
							display:block;
							text-decoration:none;
							line-height:30px;}
			.Nprodetail {
				overflow:hidden;}
				.Nprodetail1 {
					width:760px;
					padding-bottom:20px;
					overflow:hidden;
				}
				.Nprodetail1 a:hover{
					color:#00a0e9;
				}
					.Nprodetail1 img {
						float:left;
						margin-right:30px;
						border:2px #eee solid;}
					.Nprodetail1 p {
						line-height:22px;}

				.Nprodetail table {
					width:760px;
					text-align:center;}
					.Nprodetail table td {
						height:40px;
						line-height:40px;
						border:1px #fff solid;}
			.Nzp {}
				.Nzp_box {
					width:760px;
					margin-top:20px;}
					.Nzp_box p {
						line-height:22px;
						margin-left:10px;}
					.Nzp_box_bt {
						width:760px;
						height:30px;
						line-height:30px;
						background:#eee;}
						.Nzp_box_bt span {
							color:#00a0e9;
							font-weight:bold;
							margin-left:10px;}
						.Nzp_box_bt a {
							color:#90b6da;
							float:right;
							margin-right:10px;}
						.Nzp_ny {
							line-height:22px;}
							.Nzp_ny p {
								margin-left:10px;}
			.Nsale {}
				.Nsale_box {
					width:760px;
					margin-top:20px;}
					.Nsale_box p {
						height:30px;
						line-height:30px;
						background:#00a0e9;
						color:#fff;
						padding-left:10px;}
			.Ncont {}
				.Ncont_box {
					width:760px;
					overflow:hidden;}
				/*.Ncont table {
					width:760px;
					margin-top:20px;}*/
				.Ncont form{
				  width:375px;
				}
				.Ncont table input,.Nprodetail table input {
					width:370px;
					height:25px;
					line-height:25px;
					margin-top:10px;
					border:none;
					border:1px #dddddd solid;
					color:#989898;
					padding:0 5px;}
				.Ncont table textarea,.Nprodetail table textarea {
					width: 370px;;
					height: 125px;
					border: none;
					color:#989898;
					padding:0 5px;
					font-size:12px;
					border: 1px #dddddd solid;}
			.Nlink {}
				.Nlink ul {}
				.Nlink ul li {
					width:244px;
					height:102px;
					background:#eee;
					float:left;
					margin-left:10px;
					margin-top:10px;
					text-align:center;}
					.Nlink ul li p {
						line-height:30px;}
					.Nlink ul li p a {
						display:block;}
/*分页*/
.fy_div {
	width:760px;
	height:32px;
	text-align:center;
	margin-top:30px;
	float:left;}
.fy_div a{
	padding:3px 6px;
	margin-left:3px;
	background-color:#fff;
	border:1px #CCC solid;
	background:none;
	float:none}
.fy_div a:hover{
	color:#fff;
	background:#00a0e9 ;}
.fy_div  .current a{
	color:#fff;
	background:#00a0e9 ;}
.fy_div span {
	float:none;
	margin-right:0px;}
.navlist{
position: relative;
}
.nav .navlist .navsonlist{
display:none;
 margin-left: 0px;
 padding-top:10px;
 padding-bottom:10px;
position: absolute;
z-index: 999;
width: 100px;
height: auto;
color: #fff;
top:35px;
}
.nav .navlist li:hover .navsonlist{
 display:block;
}
.nav .navlist .navsonlist li{
 width:90px;
 height:25px;
 line-height:25px;
 overflow:hidden;
 padding:5px;
 background: #00a0e9;
}
.nav .navlist .navsonlist a{
/*text-align: center;*/
 width:100%;
 font-size:12px;
}
.nav .navlist .navsonlist li:hover{
background:#00a0e9;
}
.nav .navlist .navsonlist a:hover{
 color:#00a0e9;
 background: #fff;
}
/******************************************************************/
.searchDiv{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:20px;
}

.searchDiv .img01{
	border: none 0;
}
.searchDiv .img01,.searchDiv .input-text,.searchDiv .searchButton{
	float:left;
}
.searchDiv .input-text{
	border: none;
	width: 135px;
	height: 25px;
	background-image: url(../images/search02.jpg);
	line-height: 25px;
	color: #c5c5c5;
}
.searchDiv .searchButton{
	width: 57px;
	height: 25px;
	background: url(../images/search03.jpg) no-repeat;
	border: none;
	cursor: pointer;
}
